layui.use('table', function() {
    var table = layui.table;
    //方法级渲染
    table.render({
        elem : '#room_table',
        url : '/rooms/selRooms',
        limit : 8,
        limits : [ 5, 10, 20 ],
        cols : [ [ {
            checkbox : true,
            fixed : true
        }, {
            field : 'roomid',
            title : '房间ID',
            width : 100,
            fixed : true
        }, {
            field : 'rtypeid',
            title : '房间类型',
            width : 100
        }, {
            field : 'rprice',
            title : '房间价格',
            width : 160,
        },
        {
            field : 'state',
            title : '审核状态',
            width : 160,
        },
        {
            field : 'hot',
            title : '当然热度',
            width : 160,
        },
        // {
            //     field : 'hot',
            //     title : '当前热度',//格式化中的d指什么不清楚
            //     templet : "<div>{{layui.util.toDateString(d.visitTime, 'yyyy-MM-dd ')}}</div>",
            //     width : 160,
            //     sort:true
            // },
            {fixed: 'right', width:200, align:'center', toolbar: '#barDemo'}]],
        id : 'RoomReload',
        page : true,
        toolbar: 'default'
    });

    var $ = layui.$, active = {
        reload : function() {
            var state = $('#search-state').val();
            table.reload('RoomReload', {
                page : {
                    curr : 1
                    //重新从第 1 页开始
                },
                where : {
                    state : state,
                }
            });
        }
    };
    $('.demoTable .layui-btn').on('click', function() {
        var type = $(this).data('type');// type='reload'
        active[type] ? active[type].call(this) : '';
    });

    table.on('tool(room)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            ,layEvent = obj.event; //获得 lay-event 对应的值
        var checkStatus = table.checkStatus('RoomReload');
        if(layEvent === 'del'){
            layer.confirm('真的删除行么', function(index){
                console.log(index )
                console.log(data )
                layer.close(index);
                //向服务端发送删除指令
                $.post("/mp/patient/delById/"+data.id,function(result){
                    if(result.status==200){
                        obj.del(); //删除对应行（tr）的DOM结构
                    }else{
                        layer.msg("删除失败<br/>"+result.data)
                    }
                })
            });
        }
    });


});



